<template>
  <div class="app-container">
    <h2 class="title">推荐歌单</h2>
    <songSheet :sheet-list="personalizeds" />
  </div>
</template>
<script>
import songSheet from '../../comm/song-sheet/index.vue'
export default {
  components: { songSheet },
  data() {
    return {
      limit: 24,
      personalizeds: []
    }
  },
  created() {
    this.$api.getHotRecomment(this.limit).then(res => {
      console.log(res)
      this.personalizeds = res.result
    }).catch(err => {
      console.log(err)
    })
  },
  mounted() {},
  methods: {}
}
</script>
<style lang='scss' scoped>
.app-container {
  .title {
    color: #177cb0;
    font-weight: normal;
  }
}
</style>
